#unsubscribe>div{ margin: 0 auto; }
#unsubscribe>.top{ width: 100%; height: auto; padding-top: 20px; background: #ffffff; border-bottom: solid #ccc 1px; }
#unsubscribe>.top>div{ width: 1200px; margin: 0 auto; }
#unsubscribe>.top>div .logo{ display: inline-block; height: 38px; width: 165px;  margin-top: 20px; margin-block-end: 5px; background-image: url("../images/logo.png"); background-size: 165px 38px; background-repeat: no-repeat; }
#unsubscribe>.content{ width: 1200px; min-height: 635px; margin-top: 30px; }
#unsubscribe>.content .left{ float: left; width: 800px;  margin-right: 20px; text-align: center; }
#unsubscribe>.content .right{ float: left; width: 380px; min-height: 520px; background-color: #ffffff; padding: 20px; text-align: left; }
#unsubscribe>.content .left>div{ margin: 0 auto; text-align: left; background-color: #ffffff; margin-bottom: 20px; border-radius: 4px; box-shadow: #efeaea 1px 2px 2px; overflow: hidden; }
#unsubscribe>.content .left>div>h2{ padding: 10px 0 10px 30px; background-color: #e7effa; font-size: 18px; font-weight: bold; text-align: left; }
#unsubscribe>.content .left>div>div{ margin: 20px 30px 20px 30px; }
#unsubscribe>.content .left>.tips { padding: 15px; background-color: #fff9eb; margin-bottom: 20px; padding: 15px; border-radius: 4px; box-shadow: #efeaea 1px 2px 2px; font-size: 12px; }
#unsubscribe>.content .left>.tips p { height: 20px; line-height: 20px; }
#unsubscribe>.content .left>.tips i{ display: inline-block; margin-right: 5px; width: 14px; height: 14px; border-radius: 14px; background-color: #FF7D13; color: #ffffff; line-height: 14px; text-align: center; }
#unsubscribe>.content .order-inf>div{ margin-bottom: 20px; }
#unsubscribe>.content .order-inf>div>div>p{ margin-bottom: 10px; font-weight: bold; }
#unsubscribe>.content .order-inf .trivle>span{ margin-left: 10px; margin-right: 10px; }
#unsubscribe>.content .contact input{ display: inline-block; border: none; border-bottom: solid 1px #ccc; width: 400px; outline: none;}
#unsubscribe>.content .left button{ display: inline-block; width: 100%; height: 50px; background-color: #0081f8; color: #ffffff; font-size: 18px; }

#unsubscribe>.content .right>div{ border-bottom: solid #ddd 1px; margin-bottom: 10px; padding-bottom: 10px; }
#unsubscribe>.content .right h2{ text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#unsubscribe>.content .right>div>p{ font-weight: bold; margin-bottom: 10px; }
#unsubscribe>.content .right>div>p>i{ font-size: 12px; margin-left: 20px; color: #0081f8; }
#unsubscribe>.content .right>div>p>span{ color: #0081f8; }
#unsubscribe>.content .right>div .all-trip>p{ width: 20px; height: 20px; margin-bottom: 10px; border-radius: 4px; background: #43ad53; text-align: center; color: #fff; }
#unsubscribe>.content .right>div .all-trip>div{ margin-bottom: 10px; }
#unsubscribe>.content .right>div .all-trip>div>.before{ display: block; float: left;  }
#unsubscribe>.content .right>div .all-trip>div>.price{ display: block; float: right;  }
#unsubscribe>.content .right>div .all-trip>div>.price>i{ font-size: 12px; }
#unsubscribe>.content .right>div .all-trip>div>.price>span{ margin-left: 10px; color: #a2a0a0 }
#unsubscribe>.content .right> .refund>div{ margin-bottom: 10px; }
#unsubscribe>.content .right> .refund .before{ float: left; font-weight: bold; }
#unsubscribe>.content .right> .refund .after{ float: right; font-weight: bold; }
#unsubscribe>.content .right> .refund .price{ font-size: 28px; color: #0081f8; }
#unsubscribe>.content .right> .refund .price>i{ font-size: 14px; }



#unsubscribe>.content .right>.refund{ border-bottom: none; }

#unsubscribe>.content .right>div .all-trip>div:after,
#unsubscribe>.content .right> .refund>div:after,
#unsubscribe>.content:after{ display: block; content:""; width: 0; height: 0; overflow: hidden; clear: both; }